<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/01/02.css">
    <script src="../js/jquery-2.2.4.min.js"></script>
    <script src="../js/template-native.js"></script>
</head>
<body>
    <div class="c-content">
        <!--********************************* top model*********************************** -->
        <div class="top-model" id="top-model">
            <!-- <ul class="right_top">
				<li></li>
				<li></li>
            </ul> -->
            <div>
                <div class="system">
                    <a class="goback-sys bg-color-bg">
                       <img src="../img/system/change.png" alt="">  
                    </a>
                    <a class="gonext-sys bg-color-bg">
                        <img src="../img/system/setting.png" alt="">  
                    </a>
                    <div class="truemodel">
                        <div class="truelists">选择模板</div>
                        <div class="changekh">修改口号</div>
                    </div>
              </div>
            </div>
			 <div class="top_title clearfix">
				 <ul>
					 <li class="topLeft"></li>
				 </ul>
				 <p class="titlep">
					
				 </p>
			 </div>
			 <ul class="main_ul">
				 <li class="j_text" onclick="changetogo(1)">
					 <h3>
						 <i>班</i>
						 <i>组</i>
						 <i>简</i>
						 <i>介</i>
					 </h3>
					 <textarea style="height:144px;" readonly id="textareaW">设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压预试四个专业合并组建。主要负责汽机本体、调速、管阀、转机、化验等设备维护及管理工作。</textarea>
					 <ul class="content1" id="m-job">
						 <!-- <li>班组成员12人</li>
						 <li>工程师5人</li>
						 <li>技师3人</li>
						 <li>大专及以上学历8人</li>
						 <li>助理工程师4人</li>
						 <li>高级工人4人</li>
						 <li>中共党员5人</li>
						 <li>高级技师1人</li>
						 <li>平均年龄35岁</li> -->
					 </ul>
				 </li>
				 <li onclick="changetogo(4)">
					 <h3>
						 <i>班</i>
						 <i>组</i>
						 <i>成</i>
						 <i>员</i>
					 </h3>
					 <ul class="content2" id="peopleQ" >
						 <!-- <li>
							 <img src="../img/02/a_07.png" alt="" />
							 <div>
								 <h4>李丫丫</h4>
								 <p>班长</p>
							 </div>
						 </li> -->
						
					 </ul>
				 </li>
				 <li class="y_text" onclick="changetogo(6)">
					 <h3>
						 <i>班</i>
						 <i>组</i>
						 <i>愿</i>
						 <i>景</i>
					 </h3>
					 <textarea id="classhope" readonly></textarea>
					 <!-- <textarea >二、"先锋之队,精益求精,整改务实,力创高效,凝结一心,舍我其谁！"</textarea>
					 <textarea >三、安全是生产的基础,务必强调！</textarea>
					 <textarea>四、忠诚践行班前誓言,创新工作机制,为公司发展做贡献！</textarea>
					 <textarea >五、坚持安全第一方针,工作融入生活,为个人成长树新标！</textarea> -->
					 <!-- <h5 >编辑时间：2018-11-19</h5> -->
				 </li>
				 <li class="h_common" onclick="changetogo(3)"> 
					 <h3>
						 <i>风</i>
						 <i>采</i>
						 <i>剪</i>
						 <i>影</i>
					 </h3>
					 <div class="face">
						 <!-- <img src="../img/02/c_03.jpg"/>
						 <img src="../img/02/c_08.jpg"/>
						 
						 <img src="../img/02/c_05.jpg"/> -->
					 </div>
				 </li>
				 <li class="h_common" onclick="changetogo(2)">
					 <h3>
						 <i>班</i>
						 <i>组</i>
						 <i>荣</i>
						 <i>誉</i>
					 </h3>
					 <div class="honour">
						
					 </div>
				 </li>
				 <li class="h_common" id="h-commoms">
					 <h3>
						 <i>学</i>
						 <i>习</i>
						 <i>园</i>
						 <i>地</i>
					 </h3>
				 </li>
			 </ul> 
        </div>
        <div class="mid-model">
            <div class="mid-left">
                <div>
                    <div>
                        <div class="classIntru"></div>
                    </div>
                    <div></div>
                </div>
            </div>
            <div>
            </div>
            <div class="mid-right">
                <!--*******************************title************************************-->
                <div></div>
                <div>
                    <div class="tv-title">
                     
                    </div>
                </div>
            </div>
        </div>
    </div>
	<!--********************************* top templete*********************************** -->    
	<!-- 个性化弹窗 -->
    <div class="diago" style="display: none;">
            <div class="diado-content diago-active">
                <div class="diago-title bg-color-bg">
                    <div class="diago-left">个性化设置</div>
                    <div class="diago-close"></div>
                </div>
                <div class="model-content">
                    <div class="model-list">
                        <ul class="clearfix">
                            <li class="active">
                                <div class="modelDiv">
                                    <p>模板一</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板二</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板三</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板四</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="diago-bottom">
                    <div class="totrue">确定</div>
                    <div class="cancel">取消</div>
                </div>
                <div class="choose">

                </div>
            </div>
        </div>
    <!--********************************* top templete*********************************** -->
    <!--<div class="edit">
        <button id="btn">111</button>
        <textarea id="index0">

        </textarea>
        <textarea class="a-c-c" id="a-c-c">
                设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压
        </textarea> 
    </div>-->
    <div class="diagoT">
         <div class="diago-content">
            <div class="diago-title bg-color-bg">
                    <div class="diago-left">口号设置</div>
                    <div class="diago-close" ></div>
             </div>
             <div class="cont-diago">
                <input type="text" id="cont-value">
             </div>
             <div class="diago-bottom">
                <div class="btn">确定</div>
                <div class="cancelbtn">取消</div>
             </div>
         </div>
    </div>
    <script src="../js/config.js"></script> 
<script>
    
    //*******************************模拟数据***************************************//
    var topData = {
        'className':'电气二次班',
        'title01':"团结凝聚力",
        'title02':"创建迎来希望",
        'title03':"班组简介",
        'title04':"班组成员",
        'title05':"班组愿景",
        'title06':"风采剪影",
        'title07':"班组荣誉",
        'title08':"学习园地",
    }
    // var back = template('temp01',topData);
    // $("#top-model").html(back);
//    $(".bgcolor").css('backgroundColor',localStorage.getItem('color'));
   $(".bgcolor").css('backgroundColor','#0e0e4e');
   


   $("#btn").click(
       function(){
           var x = $("#index0").val();
           $('#a-c-c').html(x);
       }
   )

   $('.c-list').click(
       function(index){
           $('.c-list').removeClass('bg-color-bg');
           $('.c-list-node').removeClass('active');
           $('.c-list-node').eq($(this).index()).addClass('active');
           $(this).addClass('bg-color-bg');
       }
   )
    $(".truelists").click(
        function(){
            $(".diago").css("display","block");
        }
    )
    // var numT = 0;
    $('.model-list ul li').click(function () {
        $(this).addClass('active').siblings().removeClass('active');
        numT = $(this).index();
    })

    var jpathurl = '?userId='+userId+"&bzId="+bzId;
    $(".totrue").click(
        function(){
            $(".diago").css("display","none");
            if(numT==0){
                debugger;
                location.href = "./index.html"+jpathurl
            }else if(numT==1){
                location.href = "./index2.html"+jpathurl
            }else if(numT==2){
                location.href = "./index3.html"+jpathurl
            }else if(numT==3){
                location.href = "./index4.html"+jpathurl
            }
        }
    )
    $(".goback-sys").click(
        function(){
            location.href = "./index.html"+jpathurl
        }
    )
    $(".gonext-sys").click(
        function(){
            if($(".truemodel").css("display")=="block"){
                $(".truemodel").css("display","none");
            }else{
                $(".truemodel").css("display","block");
            }
        }
    )
    $(".diago-close").click(
        function(){
            $(".diagoT").css("display","none");
            $(".diago").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    $(".cancel").click(
        function(){
            $(".diago").css("display","none");
            $(".truemodel").css("display","none");
        }
    )
    $(".changekh").click(
        function() {
            $(".diagoT").css("display","block");
            $("#cont-value").val($(".titlep").text());
            console.log($(".titlep").text())
        }
    )
    $(".btn").click(
        function(){
            kouhao();
            $(".diagoT").css("display","none");
        }
    )
    $(".cancelbtn").click(
        function(){
            $(".diagoT").css("display","none");
        }
    )
    //编辑口号
    function kouhao(){
        var summaryList = $("#cont-value").val();
        var SaveWallInfo = new FormData();
        var saveParams ={
            userId:userId,
            data:{
                bzId:bzId,
                slogan:summaryList,
                savetype:"slogan"
            } 
        }
        SaveWallInfo.append(
            'json',JSON.stringify(saveParams)
        )
        $.ajax(
            {
                url:baseUrl+'api/Culture/SaveWallInfo',
                data:SaveWallInfo,
                type:"POST",
                contentType:false,
                processData:false,
                success:function(data){
                    console.log(data);
                    location.href = "./index2.html"+jpathurl
                    // location.href="./detail1.html?number=2"
                }
            }
        )
    }
    function changetogo(index){
        location.href = "./detail/detail2.html?number="+index+'&userId='+userId+"&bzId="+bzId;
    }
</script>
<script src="../js/main2.js"></script>
</body>
</html>